<template>
    <div>
        <div class="order-top-header">
            订单
        </div>
        <div style="height:74px"></div>
        <ul v-for="item in messageList" :key="item.id">
            <MessageItem :messageitem="item"> </MessageItem>
        </ul>
    </div>
</template>

<script>
import MessageItem from './components/MessageItem'
export default {
    name:"Message",
    components:{
        MessageItem,
    },
    data(){
        return{
            messageList:[
                {
                    name:'张医生',
                    content:'您的药品准备好了，请尽早去拿。莫要耽误了治疗'
                },
                {
                    name:'药递员',
                    content:'您的药品已经为你送到32号楼1单元快递柜。不要忘了去拿哟。'
                },
                {
                    name:'李阳',
                    content:'你帮我看看还有多少号到我'
                },
            ]
        }
    }
}
</script>

<style scoped>
.order-top-header{
    height: 64px;
    color: #333333;
    background: white;
    text-align: center;
    line-height: 64px;
    font-weight: 600;
    border-bottom: solid 1px #f2f2f2;
    position: fixed; 
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
</style>